<%@page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en" class="crt crt-nav-on crt-nav-type1 crt-main-nav-on crt-sidebar-on crt-layers-2">
<head>
    <title>${user.name}-教育经验</title>
    <%@include file="common/header.jsp" %>
</head>
<body>
<div class="crt-wrapper">
    <header id="crt-header">
        <nav id="crt-nav-sm" class="crt-nav hidden-lg hidden-md">
            <ul class="clear-list">
                <li>
                    <a href="${ctx}/user/front">
                        <c:choose>
                            <c:when test="${not empty user.photo}">
                                <img class="avatar avatar-42" src="${ctx}/${user.photo}" alt="">
                            </c:when>

                            <c:otherwise>
                                <img class="avatar avatar-42" src="${ctx}/asset/admin/img/avatar.png" alt="">
                            </c:otherwise>

                        </c:choose>

                    </a>
                </li>
                <li><a href="${ctx}/education/front"><span
                        class="crt-icon crt-icon-book"></span></a></li>
                <li><a href="${ctx}/experience/front"><span
                        class="crt-icon crt-icon-experience"></span></a></li>
                <li><a href="${ctx}/project/front"><span
                        class="crt-icon crt-icon-wrench"></span></a></li>
                <li><a href="${ctx}/contact/front"><span
                        class="crt-icon crt-icon-contact"></span></a></li>
                <li><a href="${ctx}/login.jsp"><span
                        class="crt-icon crt-icon-key"></span></a></li>
            </ul>
        </nav><!-- #crt-nav-sm --></header><!-- #crt-header -->
    <div id="crt-container" class="crt-container">
        <div id="crt-nav-wrap" class="hidden-sm hidden-xs">
            <div id="crt-nav-inner">
                <div class="crt-nav-cont">
                    <div id="crt-nav-scroll">
                        <nav id="crt-nav" class="crt-nav">
                            <ul class="clear-list">
                                <li>
                                    <a href="${ctx}/user/front" data-tooltip="首页">
                                        <img class="avatar avatar-42"
                                             src="${ctx}/${user.photo}" alt="">
                                    </a>
                                </li>
                                <li><a href="${ctx}/education/front" data-tooltip="教育经验"><span
                                        class="crt-icon crt-icon-book"></span></a></li>
                                <li><a href="${ctx}/experience/front" data-tooltip="工作经验"><span
                                        class="crt-icon crt-icon-experience"></span></a></li>
                                <li><a href="${ctx}/project/front" data-tooltip="项目经验"><span
                                        class="crt-icon crt-icon-wrench"></span></a></li>
                                <li><a href="${ctx}/contact/front" data-tooltip="联系我吧"><span
                                        class="crt-icon crt-icon-contact"></span></a></li>
                                <li><a href="${ctx}/login.jsp" data-tooltip="后台管理"><span
                                        class="crt-icon crt-icon-key"></span></a></li>
                            </ul>
                        </nav>
                    </div>
                    <div id="crt-nav-tools" class="hidden"><span class="crt-icon crt-icon-dots-three-horizontal"></span>
                        <button id="crt-nav-arrow" class="clear-btn"><span
                                class="crt-icon crt-icon-chevron-thin-down"></span></button>
                    </div>
                </div>
                <div class="crt-nav-btm"></div>
            </div>
        </div><!-- .crt-nav-wrap -->
        <div class="crt-container-sm">
            <div class="crt-paper-layers">
                <div class="crt-paper clear-mrg">
                    <div class="crt-paper-cont paper-padd clear-mrg">
                        <div class="padd-box">
                            <h2 class="title-lg text-upper">联系我吧</h2>
                            <div class="padd-box-xs">
                                <header class="contact-head">
                                    <h3 class="title text-upper">可以随时联系我！</h3>
                                </header>
                            </div>
                            <div class="padd-box-sm">
                                <form action="${ctx}/contact/save" method="post" class="contact-form">
                                    <div class="form-group">
                                        <label class="form-label" for="name">您的姓名</label>
                                        <div class="form-item-wrap">
                                            <input id="name" name="name" maxlength="20" class="form-item" type="text"
                                                   required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="email">您的邮箱</label>
                                        <div class="form-item-wrap">
                                            <input id="email" name="email" maxlength="50" class="form-item" type="email"
                                                   required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="subject">您的主题</label>
                                        <div class="form-item-wrap">
                                            <input id="subject" name="subject" class="form-item" type="text">
                                        </div>
                                    </div>
                                    <div class="form-group"><label class="form-label" for="comment">您的留言</label>
                                        <div class="form-item-wrap">
                                            <textarea id="comment" name="comment" class="form-item" required></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="captcha">验证码</label>
                                        <div class="form-item-wrap">
                                            <input id="captcha" name="captcha" class="form-item" type="text" required>
                                            <img id="captcha-img" src="${ctx}/user/captcha" alt="">
                                        </div>
                                    </div>
                                    <div class="form-submit form-item-wrap">
                                        <input class="btn btn-primary btn-lg" type="submit" value="发布您的留言">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- .crt-paper -->
                </div><!-- .crt-paper-layers -->
            </div><!-- .crt-container-sm -->
        </div>
        <%@include file="common/footer.jsp" %>
    </div>
</div>
<script src="${ctx}/asset/front/js/modernizr-3.3.1.min.js"></script>
<script src="${ctx}/asset/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/asset/front/js/plugins.min.js"></script>
<script src="${ctx}/asset/front/js/theme.min.js"></script>
<script>

    $('#captcha-img').click(() => {
        console.log('点击了')
        let time = Date.now();
        let src = `${ctx}/user/captcha?time=` + time;
        $('#captcha-img').attr('src', src);
    })

</script>
</body>
</html>